@extends('layouts.main')

@section('title')
Collection
@endsection

@section('content')
<div class="well">
	<legend>
		Collection
	</legend>
	<div>
		<ul class="nav nav-tabs">
			<li class="active"><a href="#">Search</a></li>
		  	<li><a href="#">Deleted</a></li>
		  	<li><a href="#"></a></li>
		</ul>
		<div class="content">
			<div class="navbar">
              <div class="navbar-inner">
                <form class="navbar-form pull-left">
                  <input type="text" class="span7">
                  <select>
					  <option>asd</option>
					  <option>asd</option>
					  <option>asd</option>
					  <option>asd</option>
					  <option>asd</option>
					</select>
                  <button type="submit" class="btn">Filter</button>
                </form>
              </div>
            </div>
			<div>
				<table class="table">
              <thead>
                <tr>
                  <th>#</th>
                  <th>Product</th>
                  <th>Payment Taken</th>
                  <th>Status</th>
                </tr>
              </thead>
              <tbody>
                <tr class="success">
                  <td>1</td>
                  <td>TB - Monthly</td>
                  <td>01/04/2012</td>
                  <td>Approved</td>
                </tr>
                <tr class="error">
                  <td>2</td>
                  <td>TB - Monthly</td>
                  <td>02/04/2012</td>
                  <td>Declined</td>
                </tr>
                <tr class="warning">
                  <td>3</td>
                  <td>TB - Monthly</td>
                  <td>03/04/2012</td>
                  <td>Pending</td>
                </tr>
                <tr class="info">
                  <td>4</td>
                  <td>TB - Monthly</td>
                  <td>04/04/2012</td>
                  <td>Call in to confirm</td>
                </tr>
              </tbody>
            </table>
			</div>
		</div>	
	</div
	
</div>

@endsection